<template>
  <header class="rl-header" :style="headerHeigth">
    <slot>Header</slot>
  </header>
</template>

<script setup lang="ts">
import { computed } from 'vue';
import type { HeightProps } from './types';

defineOptions({
  name:'RlHeader'
})
const props = defineProps<HeightProps>()
const headerHeigth = computed(()=>{
  return{
    height:(props.Height || 60) + 'px'
  }
})

</script>
